/*
	Custom CSS to show in the editor window.
*/

/* Global Settings */
body,html {
	background-color: black;
	color: white;
	font-size: 100%;
	font-family: Verdana;
	text-align: left;
}
h1,h2,h3 {
	margin: 2em 0em 0em 0em;
}
h1 {
	/*font-size: 200%;*/
}
/*
p {
	margin: 1em 0em 1em 0em;
}
p {
	font-size: 160%;
}*/
textarea {
	width: 100%;
	padding: 5px;
	margin: 2px;
	border: solid black 2px;
}
ul,ol {
	margin: 0px 5px 0px 30px; /* nesting of lists means top/bottom shouldn't be messed with */
}
li {
	margin: 10px;
}
img {
	margin: 20px;
}
br {
	
}

img {
	max-width: 200px;
}
img.selectedli {
	margin-left: 10px;
	max-width: 100%;
}

/*
table {
	width: 100%;
	border: 0px;
}
th,td {
	border: 0px;
}
*/
a:hover, a:link, a:visited {
	color: #0066FF;
}

/* Style for viewing div */
div.viewContent {
	text-align: left;
}

/* title of a code block */
div.codeTitle {
	background: black;
	color: green;
	margin: 20px 0px 0px 0px;
	text-align: left;
	font-size: 1.2em;
}

/* Show a list of items */
div.list {
	padding: 5px 0px 5px 45px;
	text-indent: -1em;
}

/* Controlbox float */
#viewControls {
	position: fixed;
	z-index: 10;
	right: 5px;
	bottom: 5px;
	width: 20px;
	padding: 5px;

	background-color: white;
	color: black;
	font-family: Monaco, Courier, monospace;
	font-size: 18px !important;	
}
#viewControls span {
	padding: 2px;
	margin: 2px;
	
}

#viewToc {
	position: absolute;
	height: auto;
	width: 400px;
	top: 10px;
	right: 10px;
	z-index: 2;
	background-color: white;
	font: black;
}
#viewContent {
	position: relative;
}

/* Comment box */
div#viewComment{
	position: absolute;
	z-index: 5;
	top: 10px;
	right: 1%;
	left: 1% !important;
	width: 17%;
	height: auto;
	
	padding: 10px;
	
	background-color: yellow;
	color: black;
	text-align: center;
}
img.comment {
	padding: 0px;
	margin: 0px;
}

/* Iterable object */
.navListItem {
	
}
.navListItem img {
	padding: 0px;
	margin: 0px 0px 0px 5px;
}
.navListSelectedItem {
	color: red;
}

/* Shows current selection on page 
li.selectedli {
	color: white;
	font-weight: x-large;
}
li:first-line {
	font-weight: bolder;
}
li:first-letter {
	font-size:x-large;
}

 Turn off highlighting for child elements 
.selectedli ul{
	color: #C0C0C0;
	font-weight: normal;
}
*/